﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格一</title>
    <link rel="stylesheet" href="js/bstable/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="js/bstable/css/bootstrap-table.css"/>
    <link rel="stylesheet" href="css/base.css">
    
    
</head>

<body>




<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li><i class="nav_1"></i><a href="index.html">使用情况概览</a> </li>
            <li><i class="nav_2"></i><a href="carContrl.html">视频监控</a> </li>
            <li><i class="nav_3"></i><a href="map.html">报警管理</a> </li>



        </ul>
    </div>
    <div class="header_center left">
        <h2><strong>智慧灯杆管理平台</strong></h2>
        <p class="color_font"><small>Comprehensive service platform for smart tourism</small></p>
    </div>
    <div class="right nav text_right">
        <ul> <li><i class="nav_7"></i><a href="static.html">环境监测</a> </li>
            <li><i class="nav_8"></i><a href="message.html">广告投放</a> </li>
            <li class="nav_active"><i class="nav_4"></i><a href="table2.html">灯杆管理</a> </li>
        </ul>
    </div>

</header>



   
    <div  class="con left">
        <div class="con_div">
        <div class="con_div_text left">
            <div class="con_div_text01 left">
                <img src="img/info_1.png" class="left text01_img"/>
                <div class="left text01_div">
                    <p>灯杆总数</p>
                    <p>40</p>
                </div>
            </div>
            <div class="con_div_text01 right">
                <img src="img/info_2.png" class="left text01_img"/>
                <div class="left text01_div">
                    <p>灯杆运行数</p>
                    <p>35</p>
                </div>
            </div>
        </div>
        <div class="con_div_text left">
            <div class="con_div_text01 left">
                <img src="img/info_4.png" class="left text01_img"/>
                <div class="left text01_div">
                    <p>用电情况(千瓦时/天)</p>
                    <p class="sky">300</p>
                </div>
            </div>
            <div class="con_div_text01 right">
                <img src="img/info_5.png" class="left text01_img"/>
                <div class="left text01_div">
                    <p>清洁能源占比(%)</p>
                    <p class="sky">40</p>
                </div>
            </div>
        </div>
        <div class="con_div_text left">

            <div class="con_div_text01 left">
                <img src="img/info_6.png" class="left text01_img"/>
                <div class="left text01_div">
                    <p>报修情况</p>
                    <p class="org">5</p>
                </div>
            </div>
            <div class="con_div_text01 right">
                <img src="img/info_7.png" class="left text01_img"/>
                <div class="left text01_div">
                    <p>已完成数目</p>
                    <p class="org">3</p>
                </div>
            </div>
        </div>
    </div>
    

<!-- 在这写表 -->
<!-- 开始于此 -->
<div class="div_any">
    <div class="left div_any03">
        <div class="div_any_child01 left">
            <div class="div_any_title"><img src="img/title_1.png">当前空气质量(数据来源设备A02) </div>
            
            <p id="char2" class="p_chart"></p>
            <div class="char_table"><div class="table_p table_p01">
                <table>
                    <thead><tr>
                        <th>在线路灯</th>
                        <th>空气质量AQI</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr><td>A01</td><td>23</td><td>查看</td></tr>
                    <tr><td>A02</td><td>24</td><td style="color :brown">查看</td></tr>
                    <tr><td>A03</td><td>23</td><td>查看</td></tr>
                    <tr><td>A04</td><td>20</td><td>查看</td></tr>
                    <tr><td>A05</td><td>28</td><td>查看</td></tr>
                    </tbody>
                </table>
            </div></div>

        </div>
        <div class="div_any_child01 left">
            <div class="div_any_title"><img src="img/title_2.png">环境质量记录(数据来源设备A01) </div>
            <p id="char1" class="p_chart"></p>
            <div class="char_table"><div class="table_p table_p01">
                <table>
                    <thead><tr>
                        <th>在线路灯</th>
                        <th>操作</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr><td>A01</td><td style="color :brown">查看</td><td >导出历史数据</td></tr>
                    <tr><td>A02</td><td>查看</td><td >导出历史数据</td></tr>
                    <tr><td>A03</td><td>查看</td><td>导出历史数据</td></tr>
                    <tr><td>A04</td><td>查看</td><td>导出历史数据</td></tr>
                    <tr><td>A05</td><td>查看</td><td>导出历史数据</td></tr>
                    </tbody>
                </table>
            </div></div>
        </div>
    </div>

    
</div>
        <!-- 停止于此 -->
    </div>
</body> 
    
<script src="js/static.js"></script>

<script src="js/jquery/jQuery-2.2.0.min.js"></script>

<script src="js/table1.js"></script>


<script src="js/bstable/js/bootstrap.min.js"></script>
<script src="js/bstable/js/bootstrap-table.js"></script>
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/layer_v2.1/layer/layer.js"></script>

<script src="js/echarts-all.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
<script src="js/map.js"></script>
</body>
</html>
